﻿<phone:PhoneApplicationPage
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit" xmlns:Nok_Air="clr-namespace:Nok_Air" 
    x:Class="Nok_Air.ViewBookingPage"
     xmlns:local="clr-namespace:Nok_Air"
    SupportedOrientations="Portrait" Orientation="Portrait"
	mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800" FontFamily="/Nok Air;component/Fonts/Fonts.zip#PSL Display" FontSize="40">
 
	<phone:PhoneApplicationPage.Foreground>
		<StaticResource ResourceKey="PhoneForegroundBrush"/>
	</phone:PhoneApplicationPage.Foreground>
	<Grid x:Name="LayoutRoot" Background="Transparent" d:DataContext="{d:DesignData /SampleData/MainViewModelSampleData.xaml}">       
        <Grid.RowDefinitions>
			<RowDefinition Height="70"/>
			<RowDefinition Height="*"/>
			<RowDefinition Height="80"/>
		</Grid.RowDefinitions>
		<Grid Style="{StaticResource TopAppBarStyle}">
			<Grid.ColumnDefinitions>
				<ColumnDefinition  Width="1*"/> 		
				<ColumnDefinition  Width="2*"/> 		
				<ColumnDefinition  Width="1*"/> 		
			</Grid.ColumnDefinitions>
            <TextBlock x:Name="Title_checkIn_TextBlock" Margin="0" TextWrapping="Wrap" Text="{Binding ViewBookingTitle}" FontSize="48" TextAlignment="Center" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="White" Grid.Column="1"/>
			<Button x:Name="continueButton" Content="{Binding Continue}" Style="{StaticResource BlueButtonStyle}" Margin="5,0" Click="continueButton_Click" Foreground="White" Grid.Column="2" VerticalAlignment="Center" FontSize="40" />
		</Grid>

		<!--<Grid Style="{StaticResource ContentStyle}" Margin="0" Grid.Row="1">
			<StackPanel Margin="35,10" Orientation="Vertical" d:LayoutOverrides="Height">
                <TextBlock x:Name="headTitleText"  Text="{Binding ViewBookingMsg}" TextWrapping="Wrap" HorizontalAlignment="Center" FontSize="64" Foreground="#FF0A0202" TextAlignment="Center" VerticalAlignment="Top"/>
				<StackPanel Margin="0,20,0,0"> 
					<StackPanel VerticalAlignment="Center">
						<TextBlock x:Name="bookingNumberTextBlock" TextWrapping="Wrap" Text="{Binding BookingNum}" Foreground="White" VerticalAlignment="Center"/>
                        <TextBox x:Name="bookingNumberTextBox" InputScope="TelephoneNumber" Margin="0" TextWrapping="Wrap" Background="{StaticResource PhoneForegroundBrush}" BorderThickness="0" FontSize="37.333" d:LayoutOverrides="Height" TextChanged="bookNum_TextChanged"/>
					</StackPanel>
					<StackPanel>
						<TextBlock x:Name="lastNameTextBlock" TextWrapping="Wrap" Text="{Binding LastName}" Foreground="White" FontSize="40" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                        <TextBox x:Name="lastNameTextBox" InputScope="PersonalSurname" Margin="0" TextWrapping="Wrap" Background="{StaticResource PhoneForegroundBrush}" BorderThickness="0" VerticalAlignment="Center" FontSize="37.333" TextChanged="lastNameTextBox_TextChanged"/>
					</StackPanel>
					<Grid HorizontalAlignment="Center" Margin="0,25,0,0" VerticalAlignment="Center">
						<Grid.ColumnDefinitions>
							<ColumnDefinition Width="60"/>	
							<ColumnDefinition Width="250"/>	
							<ColumnDefinition Width="100"/>			
						</Grid.ColumnDefinitions>
						<CheckBox Grid.Column="0" x:Name="agreeCheckB" HorizontalAlignment="Center" VerticalAlignment="Top" Foreground="Black"/>
                        <TextBlock Grid.Column="1" x:Name="agreeTextblock" Text="{Binding AgreeMsg}" Margin="10,0,0,0" TextWrapping="Wrap" HorizontalAlignment="Left" VerticalAlignment="Center" FontSize="37.333" MouseLeftButtonDown="agreeTextblock_MouseLeftButtonDown" Foreground="Black"/>
						<Button Grid.Column="2" x:Name="conditionButton" Margin="0" BorderThickness="0" HorizontalAlignment="Right" VerticalAlignment="Top" Click="conditionButton_Click">
							<Image Source="/Images/Button/terms_conditions.png" Width="50" Height="50" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0" Stretch="Fill"/>         
						</Button>
					</Grid>
				</StackPanel>
			</StackPanel>
		</Grid>-->

        <Grid Style="{StaticResource ContentStyle}" Margin="0" Grid.Row="1">
            <StackPanel Margin="35,10" Orientation="Vertical" d:LayoutOverrides="Height">
                <TextBlock x:Name="headTitleText" Text="{Binding ViewBookingMsg}" TextWrapping="Wrap" FontSize="64" Foreground="#FF0A0202" TextAlignment="Center"/>
                <StackPanel Margin="0,20,0,0">
                    <StackPanel VerticalAlignment="Center">
                        <TextBlock x:Name="bookingNumberTextBlock" TextWrapping="Wrap" Text="{Binding BookingNum}" Foreground="White" VerticalAlignment="Center"/>
                        <TextBox x:Name="bookingNumberTextBox" InputScope="TelephoneNumber"  Margin="0" TextWrapping="Wrap" Background="{StaticResource PhoneForegroundBrush}" BorderThickness="0" FontSize="37.333" TextChanged="bookNum_TextChanged" d:LayoutOverrides="Height"/>
                    </StackPanel>
                    <StackPanel>
                        <TextBlock x:Name="lastNameTextBlock" TextWrapping="Wrap" Text="{Binding LastName}" Foreground="White" FontSize="40" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                        <TextBox x:Name="lastNameTextBox" InputScope="PersonalSurname" Margin="0" TextWrapping="Wrap" Background="{StaticResource PhoneForegroundBrush}" BorderThickness="0" VerticalAlignment="Center" FontSize="37.333" TextChanged="lastNameTextBox_TextChanged"/>
                    </StackPanel>
                    <Grid Margin="0,20,0,0" VerticalAlignment="Center">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition Width="60"/>
                        </Grid.ColumnDefinitions>
                        <CheckBox Grid.Column="0" x:Name="agreeCheckB" VerticalAlignment="Center" Background="White">
                            <TextBlock x:Name="agreeTextblock" Text="{Binding AgreeMsg}" TextWrapping="Wrap" FontSize="40" Foreground="Black" Margin="0,0,-8,0" FontFamily="/Nok Air;component/Fonts/Fonts.zip#PSL Display"/>
                        </CheckBox>
                        <Button Grid.Column="1" x:Name="conditionButton" BorderThickness="0" Click="conditionButton_Click" Padding="0" HorizontalAlignment="Center" VerticalAlignment="Center" Template="{StaticResource TermsButtonStyle}">
                            <Image Source="/Images/Button/terms_conditions.png" Margin="0"/>
                        </Button>
                    </Grid>
                </StackPanel>
            </StackPanel>
        </Grid>
        <Grid Grid.Row="2">
			<Nok_Air:AppBarMenuUserControl/>
		</Grid>


		<!--TitlePanel contains the name of the application and page title-->

		<!--ContentPanel - place additional content here-->
	</Grid>

    <!--LayoutRoot is the root grid where all page content is placed-->

</phone:PhoneApplicationPage>
